<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery-3.4.1/jquery-3.4.1.js"></script>
    <script>

$(function () {
    $("#w").click(function() {
        $("#w").animate({
            left:'250px',
            height:'300px',
            width:'300px',
            color:'FF0000'
        },3000);
    });
})
    </script>
</head>
<body>
<div id="w" style="width: 200px; height: 200px">250</div>
<img src="img/playerbig_right.gif" height="201" width="201"/>
<img src="img/playerbig_left.gif" height="201" width="201"/>
<img src="img/player_right.gif" height="217" width="268"/>
<img src="img/player_left.gif" height="217" width="268"/>
<img src="img/player_big.gif"/>
<img src="img/player3.gif" height="201" width="201"/>
<img src="img/player2.gif" height="201" width="201"/>
<img src="img/player1.gif"/>
<img src="img/player1_big.gif"/>

<button>按钮</button>
<script src="jquery.js"></script>
<script>
    $(function () {
        // var time = null;
        //
        // $('div').click(function () {
        //     // 取消上次延时未执行的方法
        //     clearTimeout(time);
        //     //执行延时
        //     time = setTimeout(function(){
        //         //do function在此处写单击事件要执行的代码
        //     },300);
        // });
        //
        // $('div').dblclick(functin ({
        //     // 取消上次延时未执行的方法
        //     clearTimeout(time);
        //     //双击事件的执行代码
        // });



        // 单双击 的时间 间隔 是300ms
        // 如果解决 单双击冲突
        var timer = null;
        $('button').click(function(event) {
            clearTimeout(timer);
            // 定时器  300ms 一次性定时器
            timer = setTimeout(function(){
                console.log('单机了');
            }, 300);

        });

        $('button').dblclick(function(event) {
            clearTimeout(timer);
            console.log('双机了');
        });
    })
</script>
</body>
</html>